// 选择器
<template>
    <div id='tag-selector-container'>
        <Modal v-model="display" :closable="false">
            <div>
                <Input v-model="keyword" style="margin: 20px 0" placeholder="搜索"/>
                <li v-for="(item, index) in selections" :key="`add-tag-${index}`" class="add-tag-item" @click="selectPush(item)">
                    <div>{{ item.tag }}</div>
                </li>
            </div>
            <div slot="footer">
                <Button @click="$emit('on-ok')">确定</Button>
            </div>
        </Modal>
    </div>
</template>

<script lang='ts'>
import { TagSelector } from "./Index";
export default TagSelector;
</script>

<style lang='scss' scoped>
@import './Index.scss';
</style>